<template>
	<el-container>
		<el-aside width=auto>
			<CommonAside></CommonAside>
		</el-aside>
		<el-container>
			<el-header>
				<CommonHeader></CommonHeader>
			</el-header>
			<el-main>
        <CommonTag></CommonTag>
				<router-view></router-view>
			</el-main>
			<el-footer>Footer</el-footer>
		</el-container>
	</el-container>
</template>

<script>
	import CommonHeader from 'components/CommonHeader.vue'
	import CommonAside from 'components/CommonAside.vue'
  import CommonTag from 'components/CommonTag.vue'
	export default {
		name: 'Main',
		components:{
			CommonAside,CommonHeader,CommonTag
		}
	};
</script>

<style lang="less" scoped>
.el-header,
.el-footer {
	background-color: #333;
}

.el-aside {
	width: auto;
	// background-color: #d3dce6;
	background-color: rgb(84, 92, 100);
}

.el-main {
	padding-top: 0;
	background-color: #e9eef3;
	color: #333;
}

body > .el-container {
	height: 100%;
}
</style>
